.home-container {
  display: flex;
}
/* 头部区域 */
header {
  text-align: right;
  height: 50px;
  background-color: #f9f9f9;
}
header input {
  margin: 15px 20px;
}
/* 左边导航栏内容 */
.home-container .home-left {
  flex: 1;
  height: calc(100vh - 50px);
  background-color: #eeeeee;
}
.home-container .home-left ul {
  width: 100%;
  list-style-type: none;
  text-align: center;
}
.home-container .home-left ul li {
  padding: 20px 0 0;
  height: 1.875rem /* 30/16 */;
}
.home-container .home-left ul li a {
  text-decoration: none;
  color: #000000;
}
.home-container .home-left ul li a.active {
  color: #c88a7f;
}
/* 右侧内容区域 */
.home-container .home-right {
  flex: 6;
}
